<template>
	<view class="NoData-box">
		<image class="no-data-img" :src="img" mode="widthFix" />
		<view class="no-data-tip t-w center">{{ text }}</view>
	</view>
</template>

<script>
	/**
	 * noData 空数据
	 * @description 空数据组件。
	 * @property {String} text 描述文字。
	 * @property {String} img 空数据图。
	 * @example <NoData></NoData>
	 */
	export default {
		components: {},
		props: {
			text: {
				default: "这里什么都没有 去别处看看吧",
			},
			img: {
				default: "../static/noData.png"
			}
		},
		data() {
			return {};
		},
		created() {},
		methods: {},
	};
</script>

<style lang="less" scoped>
	.NoData-box {
		text-align: center;
		margin-top: 200rpx;

		.no-data-img {
			display: block;
			margin: 0 auto;
			width: 248rpx;
			height: auto;
		}

		.no-data-tip {
			min-width: 180rpx;
			font-weight: 500;
			color: #999999;
			margin-top: 20rpx;
			font-size: 32rpx;
			color: #999999;
		}
	}
</style>
